---
title: 动态
layout: default
permalink: /talks/
description: 认真对待每一天
header-img: "img/post-bg-YesOrNo.jpg"
---

<!-- Page Header -->
<header class="intro-header" style="background-image: url('{{ site.baseurl }}/{% if page.header-img %}{{ page.header-img }}{% else %}{{ site.header-img }}{% endif %}')">
    <div class="container">
        <div class="row">
            <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
                <div class="site-heading" id="tag-heading">
                    <h1>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</h1>
                    <span class="subheading">{{ page.description }}</span>
                </div>
            </div>
        </div>
    </div>
<style>
.hexo-douban-tabs {
    margin-bottom: 15px;
    margin-top: 15px;
}

.hexo-douban-tab {
    padding: 5px;
}

.hexo-douban-active {
    background: #657b83;
    color: #fff;
}

.hexo-douban-active:hover{
    background: #657b83;
    color: red;
}

.hexo-douban-item {
    padding-bottom: 10px;
    position: relative;
    clear: both;
    min-height: 170px;
    padding: 10px 0;
    border-bottom: 1px #ddd solid;
}

@media screen and (max-width: 600px) {
    .hexo-douban-item {
        width: 100%;
    }
}

.hexo-douban-picture {
    position: absolute;
    left: 0;
    top: 10px;
    width: 1px;
}

.hexo-douban-info {
    padding-left: 120px;
}

.hexo-douban-meta {
    font-size: 14px;
    color: #2fb4f5;
    padding-right: 10px;
}

.hexo-douban-comments {
    font-size: 12px;
}

.hexo-douban-pagination {
    margin-top: 15px;
    text-align: center;
    margin-bottom: 10px;
}

.hexo-douban-button {
    padding: 5px;
}

.hexo-douban-button:hover {
    background: #657b83;
    color: #fff;
}

.hexo-douban-hide {
    display: none;
}

.hexo-douban-show {
    display: block;
}

.hexo-douban-picture img{
    width:1px;
    height:1px
}

.page-action-calendar {
    width: 60px;
    height: 60px;
    background-color: #f2f2f2;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    float: left;
    margin-right: 10px;
}

.page-action-calendar .sub-month {
    background-color: #2fb4f5;
    color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 9px !important;
    text-align: center;
    height: 20px;
    line-height: 20px;
    margin: -1px -1px 0px -1px;
}

.page-action-calendar .sub-day {
    font-size: 30px;
    line-height: 36px;
    text-align: center;
    color: #2fb4f5;
}

.copy {
    height: 0.01px;
    width: 0.01px;
}
</style>
</header>

<!-- Main Content start-->
<div class="container">
<!--
<h1>这里是我的书籍清单</h1>
-->
<blockquote>
    <p>这是我的动态，记录日常所感所悟，欢迎互动！互动评论格式：“@2020年09月29日 评论:这是你的评论内容。”(点击“评论”按钮自动复制该格式)</p>
</blockquote>

<div class="hexo-douban-tabs">
    <a class="hexo-douban-tab" id="hexo-douban-tab1" rel="external">
        </a>
    <a class="hexo-douban-tab" id="hexo-douban-tab2" rel="external">
        </a>
    <a class="hexo-douban-tab" id="hexo-douban-tab3" href="javascript:;" rel="external">
        我的动态</a>
</div>

<div>
  <!--      已读 start      -->
  <div id="hexo-douban-item1">
    <!-- 已读000开始 -->
    {% for talk in site.data.talks2 %}
    <div class="hexo-douban-item">
      <div class="hexo-douban-picture"><img src="https://raw.githubusercontent.com/Duter2016/Duter2016.github.io/master/img/talks_img.png}" data-src="https://raw.githubusercontent.com/Duter2016/Duter2016.github.io/master/img/talks_img.png" referrerpolicy="no-referrer"></div>
      <div class="page-action-calendar">
          <div class="sub-month">{{ talk.talkmonth }}</div>
          <div class="sub-day">{{ talk.talkday }}</div>
      </div>
      <div class="hexo-douban-info">
          <div class="hexo-douban-title"><a> {{ talk.mytalk }}</a></div>
          <div class="hexo-douban-meta"><br></div>
          <div class="hexo-douban-meta"><textarea id="copy{{ talk.talkmonth }}{{ talk.talkday }}" class="copy">@{{ talk.talkmonth }}月{{ talk.talkday }}日 评论:</textarea> 💖 followtry | ⌛️ {{ talk.talkmonth }}月{{ talk.talkday }}日 | ☎️ <a onclick="copyLink()" href="#comments"><font color="#2fb4f5">评论</font></a></div>
          <div class="hexo-douban-comments"></div>
      </div>
    </div>
    {% endfor %}
    <!-- 已读000结束 -->
    
    <!-- 分页 开始 -->
    <div class="hexo-douban-pagination">
      <a class="hexo-douban-button hexo-douban-firstpage" href="javascript:;"> -</a>
      <a class="hexo-douban-button hexo-douban-previouspage" href="javascript:;">-</a>
      <span class="hexo-douban-pagenum">-</span>
      <a class="hexo-douban-button hexo-douban-nextpage" href="javascript:;">-</a>
      <a class="hexo-douban-button hexo-douban-lastpage" href="javascript:;">-</a>
    </div>
    <!-- 分页 结束 -->
    
  <!--      已读 start      -->
  <div id="hexo-douban-item2">
    <!-- 已读000开始 -->
    {% for talk in site.data.talks2 %}
    <div class="hexo-douban-item">
      <div class="hexo-douban-picture"><img src="https://raw.githubusercontent.com/Duter2016/Duter2016.github.io/master/img/talks_img.png}" data-src="https://raw.githubusercontent.com/Duter2016/Duter2016.github.io/master/img/talks_img.png" referrerpolicy="no-referrer"></div>
      <div class="page-action-calendar">
          <div class="sub-month">{{ talk.talkmonth }}</div>
          <div class="sub-day">{{ talk.talkday }}</div>
      </div>
      <div class="hexo-douban-info">
          <div class="hexo-douban-title"><a> {{ talk.mytalk }}</a></div>
          <div class="hexo-douban-meta"><br></div>
          <div class="hexo-douban-meta"><textarea id="copy{{ talk.talkmonth }}{{ talk.talkday }}" class="copy">@{{ talk.talkmonth }}月{{ talk.talkday }}日 评论:</textarea> 💖 followtry | ⌛️ {{ talk.talkmonth }}月{{ talk.talkday }}日 | ☎️ <a onclick="copyLink()" href="#comments"><font color="#2fb4f5">评论</font></a></div>
          <div class="hexo-douban-comments"></div>
      </div>
    </div>
    {% endfor %}
    <!-- 已读000结束 -->
    
    <!-- 分页 开始 -->
    <div class="hexo-douban-pagination">
      <a class="hexo-douban-button hexo-douban-firstpage" href="javascript:;"> -</a>
      <a class="hexo-douban-button hexo-douban-previouspage" href="javascript:;">-</a>
      <span class="hexo-douban-pagenum">-</span>
      <a class="hexo-douban-button hexo-douban-nextpage" href="javascript:;">-</a>
      <a class="hexo-douban-button hexo-douban-lastpage" href="javascript:;">-</a>
    </div>
    <!-- 分页 结束 -->
    
  <!--      我的说说 start      -->
  <div id="hexo-douban-item3">
    <!-- 说说000开始 -->
    {% for talk in site.data.talks %}
    <div class="hexo-douban-item">
      <div class="hexo-douban-picture"><img src="https://raw.githubusercontent.com/Duter2016/Duter2016.github.io/master/img/talks_img.png}" data-src="https://raw.githubusercontent.com/Duter2016/Duter2016.github.io/master/img/talks_img.png" referrerpolicy="no-referrer"></div>
      <div class="page-action-calendar">
          <div class="sub-month">{{ talk.talkmonth }}</div>
          <div class="sub-day">{{ talk.talkday }}</div>
      </div>
      <div class="hexo-douban-info">
          <div class="hexo-douban-title"><a> {{ talk.mytalk }}</a></div>
          <div class="hexo-douban-meta"><br></div>
          <div class="hexo-douban-meta"><textarea id="copy{{ talk.talkmonth }}{{ talk.talkday }}" class="copy">@{{ talk.talkmonth }}月{{ talk.talkday }}日 评论:</textarea> 💖 followtry | ⌛️ {{ talk.talkmonth }}月{{ talk.talkday }}日 | ☎️ <a onclick="copyLink{{ talk.talkmonth }}{{ talk.talkday }}()" href="#comments"><font color="#2fb4f5">评论</font></a></div>
          <div class="hexo-douban-comments"></div>
      </div>
      
      <!-- 点击复制 开始 -->
      <script type="text/javascript">
      function copyLink{{ talk.talkmonth }}{{ talk.talkday }}(){
          var e = document.getElementById("copy{{ talk.talkmonth }}{{ talk.talkday }}");
          e.select(); // 选择对象
          document.execCommand("Copy"); // 执行浏览器复制命令
          alert("评论格式已复制，评论框粘贴即可！");
      }
      </script>
      <!-- 点击复制 结束 -->
      
    </div>
    {% endfor %}
    <!-- 说说000结束 -->
    
    <!-- 分页 开始 -->
    <div class="hexo-douban-pagination">
      <a class="hexo-douban-button hexo-douban-firstpage" href="javascript:;"> 首页</a>
      <a class="hexo-douban-button hexo-douban-previouspage" href="javascript:;">上一页</a>
      <span class="hexo-douban-pagenum">2 / 3</span>
      <a class="hexo-douban-button hexo-douban-nextpage" href="javascript:;">下一页</a>
      <a class="hexo-douban-button hexo-douban-lastpage" href="javascript:;">尾页</a>
    </div>
    <!-- 分页 结束 -->
    
  </div>
  <!--      我的说说 end      -->

</div>

    <!-- 说说统计 开始 -->
    <div align="center">
    followtry 共发表了 <script language="JavaScript">
    var numitem3 = document.getElementById('hexo-douban-item3').getElementsByClassName('hexo-douban-item').length;
    document.write(numitem3)
</script> 条说说！
    <!-- Valine 评论框 start -->
    {% if site.valine.enable %}
        {% include valine_comments.html %}
    {% endif %}
    <!-- Valine 评论框 end -->
    </div>
    <!-- 说说统计 结束 -->

</div>
<!-- Main Content end-->


<!-- 标签切换脚本 -->
<script>
    /**
 * Created by myths on 18-2-8.
 */

Element.prototype.siblings = function () {
    var siblingElement = [];
    var sibs = this.parentNode.children;
    for (var i = 0; i < sibs.length; i++) {
        if (sibs[i] !== this) {
            siblingElement.push(sibs[i]);
        }
    }
    return siblingElement;
};
function tabClick() {
    //修改标签样式
    this.classList.add('hexo-douban-active');
    var sibs = this.siblings();
    for (var j = 0; j < sibs.length; j++) {
        sibs[j].classList.remove('hexo-douban-active');
    }
    //显示对应板块
    var itemId = this.id.replace('tab', 'item');
    var target = document.getElementById(itemId);
    target.classList.remove('hexo-douban-hide');
    target.classList.add('hexo-douban-show');
    sibs = document.getElementById(itemId).siblings();
    for (var k = 0; k < sibs.length; k++) {
        sibs[k].classList.remove('hexo-douban-show');
        sibs[k].classList.add('hexo-douban-hide');
    }
}
var tabs = document.getElementsByClassName("hexo-douban-tab");
for (var i = 0; i < tabs.length; i++) {
    tabs[i].onclick = tabClick;
    tabs[i].onclick.apply(tabs[i]);
}
tabs[2].click();

var firstpages = document.getElementsByClassName("hexo-douban-firstpage");
var previouspages = document.getElementsByClassName("hexo-douban-previouspage");
var nextpages = document.getElementsByClassName("hexo-douban-nextpage");
var lastpages = document.getElementsByClassName("hexo-douban-lastpage");
var pagenums = document.getElementsByClassName("hexo-douban-pagenum");

function makePageNum(num, arr) {
    return (num + 1) + ' / ' + (Math.ceil(arr.length / 10 === 0 ? 1 : Math.ceil(arr.length / 10)));
}

function firstBtn() {
    var sibs = this.parentNode.siblings();
    displayPage(sibs, 0);
    this.parentNode.getElementsByClassName('hexo-douban-pagenum')[0].innerText = makePageNum(0, sibs);
}

function previousBtn() {
    var sibs = this.parentNode.siblings();
    var currNum = this.parentNode.getElementsByClassName('hexo-douban-pagenum')[0].innerText;
    currNum = currNum.substr(0, currNum.indexOf('/') - 1);
    currNum = parseInt(currNum, 10) - 1;
    if (currNum > 0) {
        currNum--;
    }
    displayPage(sibs, currNum);
    this.parentNode.getElementsByClassName('hexo-douban-pagenum')[0].innerText = makePageNum(currNum, sibs);
}

function nextBtn() {
    var sibs = this.parentNode.siblings();
    var currNum = this.parentNode.getElementsByClassName('hexo-douban-pagenum')[0].innerText;
    currNum = currNum.substr(0, currNum.indexOf('/') - 1);
    currNum = parseInt(currNum, 10) - 1;
    if (currNum < Math.ceil(sibs.length / 10) - 1) {
        currNum++;
    }
    displayPage(sibs, currNum);
    this.parentNode.getElementsByClassName('hexo-douban-pagenum')[0].innerText = makePageNum(currNum, sibs);
}

function lastBtn() {
    var sibs = this.parentNode.siblings();
    displayPage(sibs, Math.ceil(sibs.length / 10) - 1);
    this.parentNode.getElementsByClassName('hexo-douban-pagenum')[0].innerText = makePageNum(Math.ceil(sibs.length / 10) - 1 === -1 ? 0 : Math.ceil(sibs.length / 10) - 1, sibs);
}

function displayPage(arr, num) {
    for (var i = 0; i < arr.length; i++) {
        if (Math.floor(i / 10) === num) {
            arr[i].classList.remove('hexo-douban-hide');
            var img = arr[i].getElementsByTagName('img')[0];
            img.src = img.getAttribute('data-src');
        } else {
            arr[i].classList.add('hexo-douban-hide');
        }
    }
}

for (var i = 0; i < firstpages.length; i++) {

    //add listener
    firstpages[i].onclick = firstBtn;
    previouspages[i].onclick = previousBtn;
    nextpages[i].onclick = nextBtn;
    lastpages[i].onclick = lastBtn;

    //set page num
    var size = pagenums[i].parentNode.siblings().length;
    pagenums[i].innerText = '1 / ' + (Math.ceil(size / 10) === 0 ? 1 : Math.ceil(size / 10));
    firstpages[i].click();
}
    
</script>
